<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>FSUI</title>
		<link rel="stylesheet" href="css/reset.css">
		<link href="css/video-js.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/FVUI.css">
		<script src="js/FVUI.js"></script>
		<link rel="stylesheet" href="./css/swiper.css">
	</head>
	<body>
		<div class="nav">
			<nav class="nav-top">
				<section class="nav-UI">
					<a href="">
						<h2 class="nav-title" style="color: rgb(255, 255, 255);">FSUI&nbsp;15</h2>
						<section class="navigation" style="color: rgb(255, 255, 255);">
							<a href="index.html" target="_blank">FS商城</a>
							<a href="#">家</a>
							<a href="#">隐私</a>
							<a href="#">黑启社区</a>
							<a href="#">黑启云</a>
							<a href="#">资料下载</a>
						</section>
					</a>
				</section>
			</nav>
		</div>
		<div class="body-video">
			<video id="myvideo" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660" height="400" preload="auto">
				<source src="https://en.miui.com/static/NNv0oWos5.mp4">
				</source>
			</video>
		</div>
		<div class="picture">
			<div class="picture-hd">
				<h2>FSUI12&nbsp;能做什么？</h2>
			</div>
			<div class="picture-bd">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="./img/lunbo01.jpg" alt="" style="width: 1519.2px; height: 550px;"></div>
						<div class="swiper-slide"><img src="img/lunbo02.jpg" alt="" style="width: 1519.2px; height: 550px;"></div>
						<div class="swiper-slide"><img src="img/lunbo3.jpg" alt="" style="width: 1519.2px; height: 550px;"></div>
					</div>
					<div class="swiper-pagination"></div>
					<!--导航按钮-->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
			</div>
			<div class="picture-hd">
				<h2>设计在细节中</h2>
			</div>
			<div class="slider-bd">
				<div id="center">
					<div id="slider">
						<div class="slide">
							<img class="diapo" src="img/sfq01.png" alt="" style="width: 500px;">
							<div class="text">
								  <span class="title">畅连通话</span>
								 畅连通话，支持多种设备1，让你与好友、家人随时随地沟通，画面流畅，即便在网络信号不佳或暗光条件下，也能与 TA 高清视频通话2。
							</div>
						</div>
						<div class="slide">
							<img class="diapo" src="img/sfq02.png" alt="" style="width: 500px;">
							<div class="text">
								<span class="title">多屏协同5</span>
								手机接到视频来电，可在电脑上接听，华为独有的分布式技术，令手机可无缝调用电脑的麦克风和摄像头。无需拿起手机，通话更轻松。
							</div>
						</div>
						<div class="slide">
							<img class="diapo" src="img/sfq03.png" alt="" style="width: 500px;">
							<div class="text">
								  <span class="title">FS分享</span>
								 无需繁琐的操作，华为手机与手机、电脑、平板、打印机等设备6间使用华为分享，可免数据流量快速传输。文件再大，照片再多都能轻松秒传。
							</div>
						</div>
				
						<div class="slide">
							<img class="diapo" src="img/sfq04.png" alt="" style="width: 500px;">
							<div class="text">
								  <a class="title" href="http://www.dhteumeuleu.com">FS分享</a>
								  无需繁琐的操作，华为手机与手机、电脑、平板、打印机等设备6间使用华为分享，可免数据流量快速传输。文件再大，照片再多都能轻松秒传。
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div>
		<footer>
			<div class="copyright"><span>简体</span> | <span>繁体</span> | <span>English</span> | <span>常见问题</span></div>
			<div class="copyright">版权所有© 2020-20XX&nbsp;1940811204-林伟冰。SISE</div>
		
		</footer></div>
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/video.min.js"></script>
		<script src="js/FVUI.js"></script>
		<script src="./js/slider.js"></script>
		<script>
			slider.init();
		</script>
	</body>

</html>
